<!--created by Chuanpeng.zhu@dhc.com.cn-->
<ion-view view-title="轮播图">
  <ion-content>
    <div class="padding">
      <p class="indent">轮播图在app中越来越常见，尤其是在应用首页，将推广的重要信息循环播放以供使用者预览。</p>

      <p class="indent">ionic中封装了轮播图的指令并且提供了一些可以配置的属性，下面为示例。</p>
    </div>
    <div class="text-align-c">
      <ion-slide-box class="width-1000" delegate-handle="noticeHandle"
                     show-pager="true" does-continue="true" auto-play="true" slide-interval="3000">
        <ion-slide ng-repeat="item in imageUrl">
          <img class="width-100" ng-src="{{item.src}}">
        </ion-slide>
      </ion-slide-box>
      <button class="button bg-red color-text-white margin-right-20" ng-click="addPic();">添加图片</button>
      <button class="button bg-line color-text-white" ng-click="removePic();">隐藏图片</button>
    </div>
  </ion-content>
</ion-view>
